/* 清除内外边距 */

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,

/* structural elements 结构元素 */

dl,
dt,
dd,
ul,
ol,
li,

/* list elements 列表元素 */

pre,
code,

/* text formatting elements 文本格式元素 */

form,
fieldset,
legend,
button,
textarea,

/* form elements 表单元素 */

table,
tbody,
tfoot,
thead,
th,
td,

/* table elements 表格元素 */

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video
/* html5 Elements */

{
    margin: 0;
    padding: 0;
    outline: 0;
    background: transparent;
}


/* html5 Elements display block html5元素块级呈递*/

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}


/* 设置默认字体 */

body,
button,
input,
select,
textarea
/* for ie */

{
    font: 14px/1.5 "微软雅黑", "\5FAE\8F6F\96C5\9ED1", Verdana, Tahoma, "DejaVu Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea {
    font-size: 100%;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}


/* 将斜体扶正 */

code,
kbd,
pre,
samp {
    font-family: "\5FAE\8F6F\96C5\9ED1", Verdana, Tahoma, "DejaVu Sans", sans-serif
}


/* 统一等宽字体 */

small {
    font-size: 12px;
}


/* 小于 12px 的中文很难阅读，让 small 正常化 */


/* 重置列表元素 */

ul,
ol,
li {
    list-style: none;
}


/* 重置图片边框 */

img {
    border: none;
}


/* 重置文本格式元素 */

a {
    text-decoration: none;
    outline: thin none;
}

a:hover {
    text-decoration: none;
}


/* 重置表格元素 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* 清除浮动 */

.clear {
    clear: both;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearBefore:before {
    content: "";
    font-size: 0;
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.clearAfter:after {
    content: "";
    font-size: 0;
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

body,
html,
.content_wrap {
    font: 14px/1.5 "微软雅黑", "\5FAE\8F6F\96C5\9ED1", Verdana, Tahoma, "DejaVu Sans", sans-serif;
    width: 750px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}

.content_wrap {
    position: relative;
    /*background: #000;*/
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-wrapper,
.swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-slide .slide_down {
    position: absolute;
    width: 55px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 52px;
}

.swiper-slide .slide_down img {
    width: 100%;
}

.swiper-slide:nth-child(1) {
    background: #e3dddd url(../images/s01_bg.jpg) no-repeat center center;
    background-size: 100% 100%;
}

.swiper-slide:nth-child(1) .p1 {
    text-align: center;
    font-size: 48px;
    line-height: 60px;
    padding-top: 100px;
}

.swiper-slide:nth-child(1) .p2 {
    text-align: center;
    font-size: 22px;
    line-height: 38px;
    letter-spacing: 11px;
}

.swiper-slide:nth-child(1) .d_p {
    position: absolute;
    width: 100%;
    bottom: 120px;
    text-align: center;
}

.swiper-slide:nth-child(1) .p3 {
    font-size: 36px;
    line-height: 50px;
}

.swiper-slide:nth-child(1) .p3>span {
    display: inline-block;
    line-height: 50px;
    border-bottom: 2px solid #9ab0b0;
    letter-spacing: 8px;
}

.swiper-slide:nth-child(1) .p4 {
    font-size: 28px;
    line-height: 48px;
}

.swiper-slide:nth-child(1) {
    background: #e4bec5;
}

#audio {
    position: absolute;
    right: 39px;
    top: 44px;
    z-index: 200;
    width: 51px;
    height: 51px;
    background-image: url(../music.svg);
    background-size: contain;
    transform: rotate(360deg);
}

.rotate {
    -webkit-animation: rotating 1.2s linear infinite;
    -moz-animation: rotating 1.2s linear infinite;
    -o-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite;
}

@keyframes rotating {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}